<%@page import="com.ahorresas.modelo.daos.VigenciaDao"%>
<%@page import="com.ahorresas.modelo.beans.VigenciaBean"%>
<%@page import="com.ahorresas.modelo.daos.EstadoAhorroDao"%>
<%@page import="com.ahorresas.modelo.beans.EstadoAhorroBean"%>
<%@page import="com.ahorresas.modelo.daos.PersonaDao"%>
<%@page import="com.ahorresas.modelo.beans.PersonaBean"%>
<%@page import="com.ahorresas.modelo.beans.AhorroBean"%>
<%@page import="java.util.List" %>
<%@page import="java.util.ArrayList" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Ahorros</title>
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/general.js"></script>
        <script type="text/javascript" src="js/prestamo.js"></script>
        <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.min.css">
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css">
        <link rel="stylesheet" type="text/css" href="css/business-styles.css">
                
        <%
            String id_ahorro = request.getAttribute("id_ahorro")!= null ? request.getAttribute("id_ahorro").toString() : "";
            String cliente = request.getAttribute("cliente")!= null ? request.getAttribute("cliente").toString() : "";
            String fecha_inicio = request.getAttribute("fecha_inicio")!= null ? request.getAttribute("fecha_inicio").toString() : "";
            String vigencia = request.getAttribute("vigencia")!= null ? request.getAttribute("vigencia").toString() : "";
            String estado = request.getAttribute("estado")!= null ? request.getAttribute("estado").toString() : "";
            List<AhorroBean> listaAhorros = request.getAttribute("lista")!= null ? (List<AhorroBean>)request.getAttribute("lista") : new ArrayList<AhorroBean>();
            
            List<EstadoAhorroBean> estadosAhorro = new EstadoAhorroDao().listarEstadosAhorro();
            List<VigenciaBean> vigencias = new VigenciaDao().listarVigencias();
            List<PersonaBean> personas = new PersonaDao().listarPersonas();
        %>
    </head>
    <body>
        <div class="container-fluid">
            <div class="row">
                <img class="img-responsive img-thumbnail img-rounded" src="images/banner.png" width="100%">
            </div>
            <div id="msg" class="alert alert-success" role="alert" style="display: none;"></div>
            <div id="info" class="alert alert-info" role="alert" style="display: none;"></div>
            <div id="warn" class="alert alert-warning" role="alert" style="display: none;"></div>
            <div id="error" class="alert alert-danger" role="alert" style="display: none;"></div>
            <%
                String mensaje = request.getAttribute("msg") != null ? request.getAttribute("msg").toString() : "";
                if (!mensaje.isEmpty()) {
            %>
            <script>
                mostrarMensaje("<%=mensaje%>");
            </script>
            <%
            }%>
            <div class="row">
                <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3" id="menu">
                    <br>
                    <div class="panel panel-success">
                        <div class="panel-heading text-center">
                            MENÚ
                        </div>
                        <div class="panel-body">
                            <div class="form-group" align="center">
                                <img class="img-responsive img-thumbnail img-rounded" src="images/logoImagen.png" width="50%">
                            </div>
                            <div id="accordion">
                                <h3>Ingreso al sistema</h3>
                                <div>
                                    <a href="./Persona">Personas</a><br>
                                    <a href="./Perfil">Perfiles</a><br>
                                    <a href="./Usuario">Usuarios</a>
                                </div>
                                <h3>Ahorros</h3>
                                <div>
                                    <a href="./Mes">Administración de Meses</a><br>
                                    <a href="./EstadoAhorro">Estados de los Ahorros</a><br>
                                    <a href="./Ahorro">Ahorros</a>
                                </div>
                                <h3>Préstamos</h3>
                                <div>
                                    <a href="./EstadoPrestamo">Estados del Préstamo</a><br>
                                    <a href="./Cuota">Cuotas</a><br>
                                    <a href="./Prestamo">Préstamos</a>
                                </div>
                                <h3>Liquidación de Interés</h3>
                                <div>
                                    <a href="./Vigencia">Vigencias</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9" style="float: right;" id="contenido">
                    <form autocomplete="off" action="./Ahorro" method="POST">
                        <div><h2>Ahorros</h2></div>
                        <hr>
                        <div class="row">
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                <label for="id_ahorro">Identificador del Ahorro:</label> 
                                <input class="form-control" type="text" id="id_ahorro" name="id_ahorro" value="<%=id_ahorro%>"/>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                <label for="cliente">*Cliente:</label> 
                                <select class="form-control" id="cliente" name="cliente" value="<%=cliente%>">
                                    <option value="0" label="Seleccione">
                                    <%for(PersonaBean e : personas){%>
                                        <option value="<%=e.getIdentificacion()%>" label="<%=e.getNombre()%>">
                                    <%}%>
                                </select>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                <label for="fecha_inicio">*Fecha de Ahorro</label> 
                                <input class="form-control" type="date" id="fecha_inicio" name="fecha_inicio"  value="<%=fecha_inicio%>" />
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                <label for="vigencia">*Vigencia:</label> 
                                <select class="form-control" id="vigencia" name="vigencia" value="<%=vigencia%>">
                                    <option value="0" label="Seleccione">
                                    <%for(VigenciaBean v : vigencias){%>
                                        <option value="<%=v.getVigencia()%>" label="<%=v.getVigencia()%>">
                                    <%}%>
                                </select>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                <label for="estado">*Estado del ahorro:</label> 
                                <select class="form-control" id="estado" name="estado" value="<%=estado%>">
                                    <option value="0" label="Seleccione">
                                    <%for(EstadoAhorroBean e : estadosAhorro){%>
                                        <option value="<%=e.getCodigo()%>" label="<%=e.getNombre()%>">
                                    <%}%>
                                </select>
                            </div>
                        </div>
                        <br>
                        <div class="row" align="center">
                            <button class="btn btn-default" type="submit" name="accion" id="consultar" value="consultar">Consultar</button>
                            <button class="btn btn-default" type="submit" name="accion" id="guardar" value="guardar">Guardar</button>
                            <button class="btn btn-default" type="submit" name="accion" id="eliminar" value="eliminar">Eliminar</button>
                            <button class="btn btn-default" type="submit" name="accion" id="listar" value="listar">Listar</button>
                            <button class="btn btn-default" type="button" name="accion" id="nuevo" value="nuevo" onclick="nuevoPrestamo();">Limpiar</button>
                        </div>
                    </form>
                    <%if (listaAhorros.size() > 0) {%>
                    <div class="col-md-6 col-md-offset-3">
                        <table class="table table-striped table-bordered table-condensed">
                            <thead>
                                <tr>
                                    <td>Identificador del Ahorro</td>
                                    <td>Cliente</td>
                                    <td>Fecha de Inicio del Ahorro</td>
                                    <td>Vigencia</td>
                                    <td>Estado</td>
                                </tr>
                            </thead>
                            <tbody>
                                <%for (AhorroBean Ahorro : listaAhorros) {%>
                                <tr>
                                    <td><%=Ahorro.getIdAhorro()%></td>
                                    <td><%=Ahorro.getCliente()%></td>
                                    <td><%=Ahorro.getFechaInicio()%></td>
                                    <td><%=Ahorro.getVigencia()%></td>
                                    <td><%=Ahorro.getEstado()%></td>
                                </tr>
                                <%}%>
                            </tbody>
                        </table>
                    </div>
                    <%}%>
                </div>
            </div>
        </div>
    </body>
</html>